<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    <div class="canvas_box">
      <canvas width="600px" height="300px">
        你的浏览器不支持canvas画布元素。
      </canvas>
      <div class="color"><input type="color" name="color" id="color"></div>
      <div class="eraser_box">橡皮 <div class="eraser"></div></div>
      <div class="Undo">撤销</div>
      <div class="clear_screen">清屏</div>
      <!-- 画笔粗细-->
      <div class="weight">
       <div class="strokes_box">
         <div class="stroke_width"></div>
       </div>
      </div>
    </div>
    <script src="index.js"></script>
  </body>
</html>
